<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>孙振兴</title>
  <link rel="stylesheet" href="layui/css/layui.css">
</head>

<body>
  <div class="layui-progress" style="margin-top: 1px; width:100%;">
    <div class="layui-progress-bar" lay-percent="100%"></div>
  </div>
  <ul class="layui-nav">
    <li class="layui-nav-item"><a href="#">主页</a></li>
    <li class="layui-nav-item layui-this">
      <a href="javascript:;">讯息</a>
      <dl class="layui-nav-child">
        <dd><a href=""></a></dd>
      </dl>
    </li>
    <li class="layui-nav-item"><a href="help.html">帮助</a></li>
    <li class="layui-nav-item">
      <a href="javascript:;">社区</a>
      <dl class="layui-nav-child">
        <dd><a href="https://github.com/Sun-ZhenXing/" target="_blank">GitHub</a></dd>
        <dd><a href="https://www.facebook.com/profile.php?id=100038592833117/" target="_blank">FaceBook</a></dd>
        <dd><a href="https://twitter.com/AlexSun24409960/" target="_blank">Twitter</a></dd>
        <dd class="layui-this"><a href="https://gitee.com/sun-zhenxing/">Gitee</a></dd>
      </dl>
    </li>
  </ul>
  <fieldset class="layui-elem-field">
    <legend>
      <h2>Hello World!</h2>
    </legend>
    <div class="layui-field-box">
      <blockquote class="layui-elem-quote">有时候，做梦比醒着更明智。<br>&emsp;&emsp;&emsp;Black Elk – 拉苏族巫师
      </blockquote>
    </div>
    <div style="padding: 20px; background-color: rgb(211, 211, 211);">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">快速了解、联系我</div>
            <div class="layui-card-body">
              我的QQ是1006925066，您的任何建议或者其他信息可以发送到这个邮箱上。
            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">查阅我的作品</div>
            <div class="layui-card-body">
              我的项目保存在GitHub和Gitee上，欢迎您访问，链接在页面上方。
            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">下载你需要的内容</div>
            <div class="layui-card-body">
              您需要的内容可能会在这里找到，也欢迎您把您的内容分享给我们。
            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">获取帮助</div>
            <div class="layui-card-body">
              您需要什么方面的帮助？<a href="help.html">这个页面</a>可能帮到您。</div>
          </div>
        </div>
      </div>
    </div>
    <a target="_blank" href="doc/enIdiom1.docx">英语习语大全(修订v1.0)(DOCX)</a>
    <a target="_blank" href="doc/idiom1.docx">教材中的习语(修订版v1.0)(DOCX)</a>
    <a target="_blank" href="doc/ExProject-Math.pdf">数学文档(PDF)</a>
    <a target="_blank" href="doc/n-body.pdf">三体运动模拟(PDF)</a>
    <a target="_blank" href="doc/tornado-chat.pdf">聊天服务器和客户端实现(PDF)</a>
    <a target="_blank" href="doc/daoshu.pdf">高三导数压轴题题型归纳(PDF)</a>
    <a target="_blank" href="doc/zhitouzi.pdf">上帝是不是掷骰子的？(PDF)</a>
    <a target="_blank" href="doc/duomianshou.pdf">多面手问题研究(PDF)</a>
    <a target="_blank" href="doc/2019-6-6.pdf">我整理的文档(PDF)</a>
    <a target="_blank" href="doc/color.zip">上色问题程序解答(ZIP)</a>
  </fieldset>

  <div>I won't give up.I wanna try everything.
    | 鸭梨的网站 Alex's site
    | 模板来源
    | ©copyright 2020 孙振兴 版权所有 </div>
  <script src="layui/layui.js"></script>
  <script>
    layui.use(['layer', 'form', 'element'], function () {
      var layer = layui.layer
        , form = layui.form
        , $ = layui.jquery
        , element = layui.element;
      var active = {
        setPercent: function () {
          element.progress('demo', '50%')
        }
        , loading: function (othis) {
          var DISABLED = 'layui-btn-disabled';
          if (othis.hasClass(DISABLED)) return;
          var n = 0, timer = setInterval(function () {
            n = n + Math.random() * 10 | 0;
            if (n > 100) {
              n = 100;
              clearInterval(timer);
              othis.removeClass(DISABLED);
            }
            element.progress('demo', n + '%');
          }, 300 + Math.random() * 1000);
          othis.addClass(DISABLED);
        }
      };
      layer.msg('Hello World');
      $('.site-demo-active').on('click', function () {
        var othis = $(this), type = othis.data('type');
        active[type] ? active[type].call(this, othis) : '';
      });
      //Hash地址的定位
      var layid = location.hash.replace(/^#test=/, '');
      element.tabChange('test', layid);
      element.on('tab(test)', function (elem) {
        location.hash = 'test=' + $(this).attr('lay-id');
      });
    });
  </script>
</body>

</html>